.container {
    display:flex;
}
.custom-radio {
    padding:2px;
    background:#f7f8fa;
}
.custom-radio:global(.ant-radio-group) :global(.ant-radio-button-wrapper) {
    height:1.8rem;
    line-height:1.8rem;
    padding:0 12px;
    background:#f7f8fa;
    border:none;
    color:#4b5666;
    font-size:0.8rem;
}
.custom-radio.dark:global(.ant-radio-group) :global(.ant-radio-button-wrapper) {
    background:rgb(45, 45, 54);
    border:none;
    color:#999999;
}
.custom-radio.vertical:global(.ant-radio-group) :global(.ant-radio-button-wrapper) {
    display:block;
}
.custom-radio:global(.ant-radio-group) :global(.ant-radio-button-wrapper):global(.ant-radio-button-wrapper-checked) {
    background:#fff;
    box-shadow:0 2px 6px -4px #0000001f, 0 4px 10px #00000014;
    color:#1890ff;
}
.custom-radio:global(.ant-radio-group) :global(.ant-radio-button-wrapper):not(:first-child)::before {
    display:none;
}

.custom-date-picker:global(.ant-picker) {
    background:#f5f5f5;
    border:none;
    height:24px;
}
.custom-date-picker.dark:global(.ant-picker) {
    background:rgb(45, 45, 54);
}
.custom-date-picker:global(.ant-picker) :global(.anticon){
    color:rgba(0, 0, 0, 0.65);
}
.custom-date-picker.dark:global(.ant-picker) :global(.anticon){
    color:#999999;
}
.custom-date-picker:global(.ant-picker) :global(.ant-picker-input) > input {
    color:rgba(0, 0, 0, 0.65);
}
.custom-date-picker.dark:global(.ant-picker) :global(.ant-picker-input) > input {
    color:#999999;
}

.custom-select:global(.ant-select) :global(.ant-select-selector) {
    height:1.6rem;
    line-height:1.6rem;
    background:#f5f5f5;
    border:none;
    color:#999999;
    font-size:0.8rem;
}
.custom-select.dark:global(.ant-select) :global(.ant-select-selector) {
    background:rgb(45, 45, 54);
}
.custom-select:global(.ant-select) :global(.ant-select-selector) :global(.ant-select-selection-item){
    line-height:unset;
}
.custom-select:global(.ant-select) :global(.ant-select-arrow) {
    color:#999999;
}
/* 
    日期控件左右切换button 样式
*/
.date-picker-button-left, .date-picker-button-right {
    background-color:#f2f3f5;
    color:#9f9f9f;
    width:2rem;
    text-align: center;
    cursor:pointer;
    height:24px;
    line-height:24px;
}

.date-picker-button-left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
   
}

.date-picker-button-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
/* 自定义Table组件样式 */
.custom-table:global(.ant-table-wrapper) {
    padding:1rem;
    border:none;
}
.custom-table:global(.ant-table-wrapper) :global(.ant-table) {
    background:#fff;
}
.custom-table.dark:global(.ant-table-wrapper) :global(.ant-table) {
    background:#191932;
}

.container .custom-table:global(.ant-table-wrapper) :global(.ant-table) :global(.ant-table-container){
    border-bottom:none;
}
.custom-table.dark:global(.ant-table-wrapper) :global(.ant-table) :global(.ant-table-container) table {
    border:none;
}
.custom-table:global(.ant-table-wrapper) :global(.ant-table) :global(.ant-table-title){
    padding:10px;
    font-size:1rem;
    font-weight:600;
    color:#000;
    border:none;
}
.custom-table:global(.ant-table-wrapper) :global(.ant-table) table > thead > tr > th {
    padding:0.4rem 1rem;
    border-bottom:1px solid #dbdbdb;
    color:#000;
    font-size:1rem;
    white-space:nowrap;
    background:#f3f3f3;
}
.custom-table.dark:global(.ant-table-wrapper) :global(.ant-table) table > thead > tr > th {
    background:rgba(255, 255, 255, 0.15);
    color:#fff;
    border-bottom:1px solid #23232d;
}
.custom-table:global(.ant-table-wrapper) :global(.ant-table) table > tbody > tr > td {
    padding:0.4rem 1rem; 
    font-size:1rem;
    white-space:nowrap;
    color:#80808d;
    border-bottom:1px solid #f5f5f5;
}
.custom-table.dark:global(.ant-table-wrapper) :global(.ant-table) table > tbody > tr > td {
    color:#80808d;
    border-bottom:1px solid #23233b;
}
.custom-table:global(.ant-table-wrapper) :global(.ant-table-tbody) > tr:hover > td {
    background-color:rgba(255, 255, 255, 0.25);
}

/* 成本日历样式 */
.custom-calendar {
    height:100%;
    padding:0 0.5rem;
}
.custom-calendar :global(.ant-picker-panel){
    height:100%;
}
.custom-calendar :global(.ant-picker-date-panel), .custom-calendar :global(.ant-picker-month-panel) {
    height:100%;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body){
    padding:0;
    height:100%;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table  {
    height:100%;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > thead {
    display:none;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper {
    height:100%;
    padding:0 0.5rem 0.5rem 0;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content {
    height:100%;
    display:flex;
    align-items: center;
    border-radius:6px;
    color:rgba(0, 0, 0, 0.65);
    background:#f7f8fa;
    padding:0 0.5rem;
    overflow: hidden;
    position:relative;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content {
    background:#e8ffea;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content {
    border:1px solid #191932;
}
/* 超出定额样式 */
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-warning > .content {
    background:#ffece8 !important;
}

.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    width:3rem;
    height:3rem;
    line-height:3rem;
    text-align: center;
    font-size:1.6rem;
    /* font-weight:bold; */
    color:#fff;
    border-radius:50%;
    background-color:rgba(0, 0, 0, 0.15);
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content > .content-head {
    background-color:#00b42a !important;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-warning > .content > .content-head {
    background-color:#e03429 !important;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-body > div {
    display:flex;
    align-items: center;
    margin-bottom:4px;
}

/* 日历模式下标签 */
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-date-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper {
    height:100%;
    padding:0 0.5rem 0.5rem 0;
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-date-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    width:1.8rem;
    height:1.8rem;
    line-height:1.8rem;
    font-size:1.2rem;
}

/* 月历模式下标签 */
.custom-calendar :global(.ant-picker-panel) .text {
    font-size:2rem;
    line-height:2rem;
    color:#000;
    font-weight:bold;
    margin:0 4px;  
}
.custom-calendar :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content .unit {
    font-size:0.8rem;
    color:rgba(0, 0, 0, 0.65);
    margin:0 4px;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content .unit {
    color:rgba(255, 255, 255, 0.65);
}
/* 浅色组件样式 */

/* 深色组件样式 */
.custom-calendar.dark:global(.ant-picker-calendar) {
    background:#191932;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body){
    background:#191932;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content {
    background:transparent;
    border:1px solid #303046;
    color:#47475b !important;
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper.in-month > .content {
    background:rgba(255, 255, 255, 0.1);
    color:#fff !important;
}

.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    background-color:rgba(255, 255, 255, 0.15);
}
.custom-calendar.dark :global(.ant-picker-panel) :global(.ant-picker-body) table > tbody > tr > td > .content-wrapper > .content > .content-head {
    background-color:rgba(255, 255, 255, 0.15);
}
.custom-calendar.dark :global(.ant-picker-panel) .text {
    color:#fff;  
}
